@charset "UTF-8";

/*** 公共 ****/

.p-home {
    background-color: #f7f8f9;
}

.main-box {
    padding-top: 0;
    padding-bottom: 0em;
}

@media (max-width: 991.98px) {
    .main-box {
        padding-bottom: 0rem;
    }
}

@media (min-width:991.98px) {
    .home-swiper {
        width: 100VW;
        height: 100VH;
        .home-swiper-wrapper {
            width: 100VW;
            height: 100VH;
        }
    }
}

@media (max-width:991.98px) {
    .home-swiper {
        .home-swiper-wrapper {
            display: block;
        }
    }
}

// .footer{
//     height: 600px;
// }
.slide-home-n {
    width: 100vw;
    height: 100%;
}

.home1-slide-n {
    .bgk {
        position: absolute;
        width: 100vw;
        height: 100vh;
        background: no-repeat center;
        background-size: cover;
    }
    .bd {
        position: absolute;
        top: 20em;
        left: 0;
        // color: #fff;
        font-weight: 600;
        -webkit-text-stroke: 1px #fff;
        color: transparent;
        // background: linear-gradient(30deg,#fff,#fff 100%,transparent 0);
    }
    .tit {
        font-size: 3.6em;
        line-height: 1.11;
    }
    .doc {
        font-size: 2.4em;
        line-height: 1.25;
        margin-top: .4166em;
    }
    .homeAni {
        color: #fff;
        overflow: hidden;
        background: linear-gradient(30deg, #fff, #fff 50%, transparent 0);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-size: 300% 150%;
        animation: superHero-textStrokeBackground 2s linear;
    }
    .swiper-pagination-bullet {
        // position: relative;
        // width: 1.875em;
        // height: 1.875em;
        // font-size: .8em;
        // padding-top: .33em;
        // color: rgba(255, 255, 255, 0.5);
        // border: 1px solid rgba(255, 255, 255, 0.5);
        // background-color: rgba(255, 255, 255, 0.1);
        // opacity: .5;
        padding-top: 5px;
        position: relative;
        background: hsla(0, 0%, 100%, .21);
        border: 1px solid hsla(0, 0%, 100%, .1);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 30px;
        height: 30px;
        margin: 0 10px !important;
        cursor: pointer
    }
    .swiper-pagination-bullet::after {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 40px;
        height: 40px;
        display: block;
        opacity: 0;
        content: "";
        background-repeat: no-repeat;
        background-image: url(/img/images/home-xzd.svg);
        -webkit-animation: spin 4s linear infinite;
        animation: spin 4s linear infinite;
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
    }
    // .swiper-pagination-bullet-active {
    //     position: relative;
    //     border: 0;
    //     background: -webkit-gradient(linear, left top, right top, color-stop(50%, #0091d7), color-stop(50%, #eee));
    //     background: linear-gradient(left, #0091d7 50%, #eee 0);
    //     border-radius: 100%;
    //     -webkit-animation: timer 4s steps(1000, start) infinite;
    //     animation: timer 4s steps(1000, start) infinite;
    //     -webkit-mask: radial-gradient(transparent 60%, #000 65%);
    //     mask: radial-gradient(transparent 60%, #000 65%)
    // }
    .swiper-pagination-bullet-active::after {
        display: none;
    }
    // .swiper-pagination-bullet-active::before {
    //     position: absolute;
    //     content: '';
    //     border-radius: 100% 0 0 100%/50% 0 0 50%;
    //     height: 100%;
    //     left: 0;
    //     top: 0;
    //     width: 50%;
    //     -webkit-animation: timer-mask 4s steps(500, start) infinite;
    //     animation: timer-mask 4s steps(500, start) infinite;
    //     -webkit-transform-origin: 100% 50%;
    //     transform-origin: 100% 50%
    // }
    .swiper-pagination-bullet .add-pagination {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        // z-index: 5;
        font-size: .7em;
    }
    .swiper-pagination-bullet-active .add-pagination1 {
        position: absolute;
        content: '';
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
        background: -webkit-gradient(linear, left top, right top, color-stop(50%, #0091d7), color-stop(50%, #eee));
        background: linear-gradient(left, #0091d7 50%, #eee 0);
        border-radius: 100%;
        // -webkit-animation: timer 3.5s steps(1000, start) infinite;
        // animation: timer 5s steps(1000, start) infinite;
        animation: timer 5.2s steps(500, start) infinite;
        -webkit-mask: radial-gradient(transparent 60%, #000 65%);
        mask: radial-gradient(transparent 60%, #000 65%)
    }
    .swiper-pagination-bullet-active .add-pagination1::after {
        position: absolute;
        content: '';
        border-radius: 100% 0 0 100%/50% 0 0 50%;
        height: 100%;
        left: 0;
        top: 0;
        width: 50%;
        // -webkit-animation: timer-mask 3.5s steps(500, start) infinite;
        animation: timer-mask 5.2s steps(500, start) infinite;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%
    }
}

.slide-home2.active-X {
    .top {
        animation: textAni 1s ease both;
        animation-delay: 0.3s;
    }
}

.slide-home4.active-X {
    .left {
        .title {
            animation: textAni 1s ease both;
            animation-delay: 0.5s;
        }
        .doc {
            animation: textAni 1s ease both;
            animation-delay: 0.8s;
        }
        .list {
            animation: textAni 1s ease both;
            animation-delay: 1.2s;
        }
    }
    .right {
        .image {
            animation: imgScl 10s;
        }
    }
}

.slide-home5.active-X {
    .title {
        animation: textAni 1s ease both;
        animation-delay: 0.5s;
    }
    .tit {
        animation: textAni 1s ease both;
        animation-delay: 0.7s;
    }
    .doc {
        animation: textAni 1s ease both;
        animation-delay: 0.9s;
    }
    .home5-slide-n {
        animation: textAni 1s ease both;
        animation-delay: 1.1s;
    }
}

.slide-home6.active-X {
    .boxs {
        animation: textAni 1s ease both;
        animation-delay: .5s;
    }
    // .top {
    //     animation: textAni 1s ease both;
    //     animation-delay: .5s;
    // }
    // .end {
    //     animation: textAni 1s ease both;
    //     animation-delay: .6s;
    // }
}

// 动画库 开始
@keyframes imgScl {
    0% {
        transform: scale(1.4);
        -webkit-transform: scale(1.4);
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

// 
@-webkit-keyframes textAni {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@-moz-keyframes textAni {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@-ms-keyframes textAni {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@-o-keyframes textAni {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes textAni {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

// 
@-webkit-keyframes timer-mask {
    0% {
        background: #eee;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        background: #eee;
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    50.01% {
        background: #0091d7;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        background: #0091d7;
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
}

@keyframes timer-mask {
    0% {
        background: #eee;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        background: #eee;
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    50.01% {
        background: #0091d7;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        background: #0091d7;
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
}

@-webkit-keyframes timer {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes timer {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

// 旋转点
@-webkit-keyframes spin {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(1turn);
        transform: translate(-50%, -50%) rotate(1turn)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(1turn);
        transform: translate(-50%, -50%) rotate(1turn)
    }
}

// 
@-webkit-keyframes superHero-textStrokeBackground {
    0% {
        background-position: 100% 100%
    }
    to {
        background-position: 0 100%
    }
}

@keyframes superHero-textStrokeBackground {
    0% {
        background-position: 100% 100%
    }
    to {
        background-position: 0 100%
    }
}

// 动画库 结束
.slide-home-n .bgk {
    position: absolute;
    width: 100vw;
    height: 100vh;
    //   width: 100%;
    //   height: 100%;
    background: no-repeat center;
    background-size: cover;
}

// 第二屏 开始
.slide-home2 {
    overflow: hidden;
    .bgk1 {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    .bgk2 {
        width: 100%;
        height: 50%;
        bottom: 0;
        left: 0;
    }
    .top {
        margin-top: 5em;
        // margin-top: 10.41%;
        text-align: center;
        .tit {
            font-size: 2.4em;
            line-height: 1;
            color: #1e2f46;
        }
        .doc {
            font-size: .9em;
            line-height: 1.66;
            color: #1e2f46;
            margin-top: 1.2em;
        }
        .more {
            width: 10em;
            height: 2.5em;
            margin: 0 auto;
            margin-top: 1.5em;
            border-radius: 10px;
            background-color: #0870d8;
            .box {
                width: 100%;
                height: 100%;
                font-size: .9em;
                line-height: 1;
                color: #fff;
                display: flex;
                display: -webkit-flex;
                align-items: center;
                -webkit-align-items: center;
                justify-content: center;
                -webkit-justify-content: center;
            }
        }
    }
    .end {
        margin-top: 4em;
        .bgk-n1 {
            position: absolute;
            width: 100%;
            height: 48.95833%;
            height: 23.5em;
            background: no-repeat center;
            background-size: cover;
            transition: all 1s;
            transform: translateY(200px);
            -webkit-transform: translateY(200px);
        }
    }
    .list {
        position: relative;
        padding: 0 5em;
        padding-top: 7.5%;
        display: flex;
        display: -webkit-flex;
        .item {
            width: 22em;
            margin-right: 2em;
            transform: translateY(250px);
            transition: all .8s;
            -webkit-transform: translateY(250px);
        }
        .item:last-child {
            margin-right: 0;
            .bd {
                .jumpNum-one {
                    margin-right: 0;
                }
            }
        }
        .box {
            position: relative;
            width: 100%;
            height: 100%;
            display: block;
            padding: 1.75em 2em 2em;
        }
        .bgk-item {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: no-repeat center;
            background-size: cover;
        }
        .bd {
            position: relative;
            color: #fff;
            border-bottom: 1px solid #fff;
        }
        .tit {
            font-size: .9em;
            line-height: 1.55;
            margin-bottom: .722em;
        }
        .doc {
            font-size: 2.2em;
            line-height: 1;
            font-weight: bold;
            span {
                margin-right: .303em;
            }
        }
        .docx {
            font-size: .8em;
            line-height: 1.5;
            margin: 2em 0 1em;
        }
    }
}

@media (min-width:991.98px) and (max-width:1490px) {
    .slide-home2 .list .docx {
        height: 2.9em;
    }
}

@media (min-width:991.98px) and (max-width:1200px) {
    .slide-home2 .list .doc {
        font-size: 1.6em;
    }
}

.active-X.slide-home2 {
    .end {
        .bgk-n1 {
            // transition: 1s;
            transform: translateY(0);
            transition-delay: .5s;
        }
    }
    .list {
        .item:nth-child(1) {
            transition-delay: .6s;
            // animation: textAni .6s ease both;
            // animation-delay: .4s;
        }
        .item:nth-child(2) {
            transition-delay: .65s;
            // animation: textAni .6s ease both;
            // animation-delay: .45s;
        }
        .item:nth-child(3) {
            transition-delay: .7s;
            // animation: textAni .6s ease both;
            // animation-delay: .5s;
        }
    }
}

// 第三屏 开始
.slide-home3 {
    overflow: hidden;
    .home3-slide-n {
        .bd {
            margin-top: 17.5em;
            color: #fff;
            text-align: center;
        }
        .bgk {
            transition: all 10s;
            transform: scale(1.2);
        }
        .tit {
            font-size: 3.6em;
            line-height: 1;
            opacity: 0;
            transform: translateY(50px);
            transition: all .5s;
            -webkit-transform: translateY(50px);
        }
        .doc {
            opacity: 0;
            font-size: 1.5em;
            line-height: 1;
            margin-top: 1em;
            transform: translateY(50px);
            transition: all .5s;
            -webkit-transform: translateY(50px);
            transition-delay: .2s;
        }
    }
    .progress-bar1 {
        position: absolute;
        bottom: 3em;
        left: 50%;
        width: 38.5em;
        margin: 0 auto;
        // margin-top: 16.5em;
        padding: 1.25em 1.75em 1em;
        background-color: rgba(0, 0, 0, 0.65);
        z-index: 2;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        .list {
            display: flex;
            display: -webkit-flex;
        }
        .item {
            position: relative;
            width: 7em;
            padding-top: 1em;
            border-top: 3px solid rgba(255, 255, 255, 0.4);
            .tit {
                font-size: .8em;
                line-height: 1.75em;
                color: #fff;
            }
        }
        .active.item::before {
            position: absolute;
            content: '';
            top: -3px;
            left: 0;
            width: 0%;
            height: 3px;
            background-color: #fff;
            animation: progressBar 3.5s linear;
        }
    }
}

// 第四屏 开始
.slide-home4 {
    overflow: hidden;
    .slide-home4-bgk {
        position: absolute;
        width: 100vw;
        height: 100vh;
        background: no-repeat center;
        background-size: cover;
    }
    .boxs {
        margin-top: 5em;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }
    .left {
        padding-right: 7.75em;
        .title {
            font-size: 2.4em;
            line-height: 1.25;
            font-weight: bold;
            color: #0970d9;
        }
        .doc {
            font-size: .9em;
            line-height: 1.55;
            color: #333;
            margin-top: 1.388em;
        }
        .list {
            width: 22em;
            margin-top: 7.75em;
            display: flex;
            display: -webkit-flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            .item {
                .tit {
                    white-space: nowrap;
                    line-height: 1;
                    font-weight: bold;
                    font-size: 1.8em;
                    background: url(/img/images/home-tit-bgk.jpg) no-repeat center;
                    // background-attachment: fixed;
                    background-clip: text;
                    -webkit-background-clip: text;
                    background-size: cover;
                    background-position: center center;
                    color: transparent;
                    filter: brightness(0.8);
                }
            }
            .item:nth-child(1) {
                padding-right: 2.1em;
                border-right: 2px solid #0970d9;
                .tit {
                    white-space: nowrap;
                    line-height: 1;
                    font-weight: bold;
                    font-size: 1.8em;
                    background: url(/img/images/home-tit-bgk.jpg) no-repeat center;
                    // background-attachment: fixed;
                    background-clip: text;
                    -webkit-background-clip: text;
                    background-size: cover;
                    background-position: center center;
                    color: transparent;
                    filter: brightness(0.8);
                }
            }
            .item:nth-child(2) {
                padding-left: 2.1em;
                .tit {
                    white-space: nowrap;
                    line-height: 1;
                    font-weight: bold;
                    font-size: 1.8em;
                    background: url(/img/images/home-tit-bgk.jpg) no-repeat center;
                    // background-attachment: fixed;
                    background-clip: text;
                    -webkit-background-clip: text;
                    background-size: cover;
                    background-position: center center;
                    color: transparent;
                    filter: brightness(0.8);
                }
            }
            .item:nth-child(3) {
                margin-top: 1.7em;
                padding-right: 2.1em;
                border-right: 2px solid #0970d9;
                .tit {
                    white-space: nowrap;
                    line-height: 1;
                    font-weight: bold;
                    font-size: 1.8em;
                    background: url(/img/images/home-tit-bgk.jpg) no-repeat center;
                    // background-attachment: fixed;
                    background-clip: text;
                    -webkit-background-clip: text;
                    background-size: cover;
                    background-position: center center;
                    color: transparent;
                    filter: brightness(0.8);
                }
            }
            .item:nth-child(4) {
                margin-top: 1.7em;
                padding-left: 2.1em;
                .tit {
                    white-space: nowrap;
                    line-height: 1;
                    font-weight: bold;
                    font-size: 1.8em;
                    background: url(/img/images/home-tit-bgk.jpg) no-repeat center;
                    // background-attachment: fixed;
                    background-clip: text;
                    -webkit-background-clip: text;
                    background-size: cover;
                    background-position: center center;
                    color: transparent;
                    filter: brightness(0.8);
                }
            }
        }
    }
    .right {
        margin-right: -13em;
        .imgs {
            width: 48em;
            height: 38em;
            overflow: hidden;
            .image {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
    }
}

// 第五屏 开始
.slide-home5 {
    .bd {
        padding-top: 6em;
        color: #fff;
        text-align: center;
        .title {
            position: relative;
            font-size: 2.4em;
            line-height: 1;
            font-weight: bold;
            margin-bottom: 2.875em;
        }
        .title::after {
            position: absolute;
            content: '';
            bottom: -2.05em;
            left: 50%;
            width: .021em;
            height: 1.25em;
            background-color: #fff;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
        }
        .tit {
            font-size: 1.5em;
            line-height: 1em;
            margin-bottom: 1em;
        }
        .doc {
            font-size: .9em;
            line-height: 1.66;
        }
    }
    .home5-slide-n {
        margin-top: 5.6em;
        overflow: hidden;
        .box {
            width: 100%;
            height: 12em;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background-color: #fff;
            box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
            .imgs {
                // width: 12em;
                // width: 12em;
                // height: 12em;
                // border-radius: 50%;
                overflow: hidden;
            }
            .image {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
        .swiper-pagination {
            bottom: 4em;
        }
        .swiper-pagination-bullet {
            width: 1.5em;
            height: .3em;
            margin: 0 .5em;
            border-radius: 3px;
            background-color: rgba(255, 255, 255, 0.5);
        }
        .swiper-pagination-bullet-active {
            width: 3em;
            background-color: rgba(255, 255, 255, 1);
        }
    }
}

// 第六屏 开始
.slide-home6 {
    background-color: #fafafa;
    .boxs {
        margin-top: 5em;
    }
    .top {
        margin-bottom: 1.85em;
        font-weight: bold;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        .left {
            font-size: 2.4em;
            line-height: 1;
            color: #333;
        }
        .right {
            .list {
                margin: 0 -1em;
                display: flex;
                display: -webkit-flex;
                align-items: center;
                -webkit-align-items: center;
            }
            .item {
                padding: 0 1em;
                .tit {
                    display: block;
                    font-size: 1em;
                    line-height: 1;
                    color: #333;
                    padding-bottom: .7em;
                }
            }
            .item.active {
                .tit {
                    color: #0970d9;
                    border-bottom: 4px solid #0970d9;
                }
            }
        }
    }
    .end {
        .items {
            display: flex;
            display: -webkit-flex;
            align-items: center;
            -webkit-align-items: center;
            justify-content: space-between;
            -webkit-justify-content: space-between;
        }
        .left {
            display: block !important;
            opacity: 1 !important;
            width: 39.2857%;
            .imgs {
                width: 100%;
                height: 17.5em;
                overflow: hidden;
                .image {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
            .bd {
                color: #1e2f46;
                padding: 1.5em 1.5em 4.8em;
                background-color: #fff;
                .time {
                    font-size: .8em;
                    line-height: 1;
                }
                .tit {
                    height: 2.8em;
                    font-size: 1.2em;
                    line-height: 1.33;
                    margin-top: 1.083em;
                    font-weight: bold;
                    // display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    overflow: hidden;
                }
                .doc {
                    height: 1.8;
                    margin-top: 1em;
                    font-size: .8em;
                    line-height: 1.5;
                    // display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    overflow: hidden;
                }
            }
        }
        .right {
            width: 60.7143%;
            padding-left: 2.5em;
            .list {
                border-top: 1px solid rgba(0, 0, 0, 0.2);
            }
            .box {
                color: #1e2f46;
                display: flex;
                display: -webkit-flex;
                align-items: center;
                -webkit-align-items: center;
                justify-content: space-between;
                -webkit-justify-content: space-between;
            }
            .item {
                padding: 1em 0;
                border-bottom: 1px solid rgba(0, 0, 0, 0.2);
            }
            .lefts {
                .tit {
                    height: 1em;
                    font-size: 1.2em;
                    line-height: 1;
                    font-weight: bold;
                    // display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 1;
                    overflow: hidden;
                }
                .doc {
                    height: 1em;
                    font-size: .8em;
                    line-height: 1em;
                    margin-top: 1.125em;
                    // display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 1;
                    overflow: hidden;
                }
                .time {
                    font-size: .8em;
                    line-height: 1;
                    margin-top: 1.875em;
                }
            }
            .rights {
                margin-left: 2em;
                .imgs {
                    width: 100%;
                    height: 7em;
                    overflow: hidden;
                    .image {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }
                }
            }
            .more {
                width: 10em;
                height: 2.5em;
                margin-top: 2.5em;
                border-radius: 10px;
                background-color: #0870d8;
                .boxes {
                    width: 100%;
                    height: 100%;
                    font-size: .8em;
                    line-height: 1;
                    color: #fff;
                    display: flex;
                    display: -webkit-flex;
                    align-items: center;
                    -webkit-align-items: center;
                    justify-content: center;
                    -webkit-justify-content: center;
                }
            }
        }
        .right+.right {
            display: none;
            .rights {
                display: none;
                margin-left: 0;
            }
            .item {
                padding: .8em 0;
            }
        }
    }
}

<<<<<<< HEAD
// .slide-home7{
//     height: auto!important;
// }

.queenAll{
    // animation: fadeInUpAdd .2s linear ;
    transform: translateY(0) !important;  
    opacity: 1 !important;
    
=======
.slide-home7 {
    height: auto !important;
>>>>>>> b73c1686454a366e0727d2aae6dfeed6ae54399b
}

.queenAll {
    // animation: fadeInUpAdd .2s linear ;
    transform: translateY(0) !important;
    opacity: 1 !important;
}

.queenDoc {
    animation: fadeInUpAdd .4s linear;
    // transition-delay: .4s;
}

.bgk-err {
    transition: 10s;
    transform: scale(1) !important;
}

@keyframes fadeInUpAdd {
    0% {
        opacity: 0;
        //   transform: translateY(100px);
        transform: translate3d(0, 50px, 0);
        -webkit-transform: translate3d(0, 50px, 0);
    }
    100% {
        opacity: 1;
        //   transform: translateY(0px);
        transform: none;
        -webkit-transform: none;
    }
}

@keyframes progressBar {
    0% {
        width: 0%;
    }
    to {
        width: 100%;
    }
}

// hover 效果
@media (min-width:991.98px) {
    .home1-slide-n .swiper-pagination-bullet:hover::after {
        opacity: 1;
    }
    .slide-home2 .top .more:hover {
        background-color: #fff;
        border: 1px solid #0970d9;
        .boxs {
            color: #0970d9;
        }
        .box {
            color: #0970d9;
        }
    }
    .slide-home6 .end .right .item:hover,
    .slide-home6 .end .left:hover {
        .tit {
            color: #0970d9
        }
        .image {
            transition: .3s;
            transform: scale(1.1);
        }
    }
    .slide-home6 .end .right .more:hover {
        background-color: #fff;
        border: 1px solid #0970d9;
        .boxes {
            color: #0970d9;
        }
        .box {
            color: #0970d9;
        }
    }
}

@media (max-width: 991.98px) {
    .home1-slide-n {
        height: 9.6rem;
        .bgk {
            position: absolute;
            top: 0;
            left: 0;
            width: 100vw;
            height: 9.6rem;
            background: no-repeat center;
            background-size: cover;
        }
        .bd {
            position: absolute;
            top: 4rem;
            left: auto;
        }
        .tit {
            font-size: .68rem;
            line-height: .7rem;
        }
        .doc {
            font-size: .36rem;
            line-height: .4rem;
        }
        .home1-slide-n-pagination {
            bottom: .8rem;
        }
    }
}

@media (max-width:991.98px) {
    .slide-home2 {
        height: 15.7rem;
        overflow: hidden;
        .bgk1 {
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
        }
        .bgk2 {
            width: 100%;
            height: 50%;
            bottom: 0;
            left: 0;
        }
        .top {
            margin-top: 1rem;
            // margin-top: 10.41%;
            text-align: center;
            .tit {
                font-size: .48rem;
                line-height: 1;
            }
            .doc {
                font-size: .28rem;
                line-height: .46rem;
                color: #1e2f46;
                margin-top: .36rem;
            }
            .more {
                width: 2rem;
                height: .6rem;
                margin: 0 auto;
                margin-top: .4rem;
                border-radius: 10px;
                background-color: #0870d8;
                .box {
                    width: 100%;
                    height: 100%;
                    font-size: .26rem;
                    line-height: 1;
                }
            }
        }
        .end {
            margin-left: -.5rem;
            margin-top: .8rem;
            .bgk-n1 {
                position: absolute;
                width: 100%;
                height: 48.95833%;
                height: 10.3rem;
                background: no-repeat center;
                background-size: cover;
                transform: translateY(0px);
                -webkit-transform: translateY(0px);
            }
        }
        .list {
            position: relative;
            padding: 0 .5rem;
            padding-right: 0;
            padding-top: .9rem;
            display: block;
            .item {
                width: 100%;
                height: 2.5rem;
                margin-right: 0em;
                margin-bottom: .45rem;
                transform: translateY(00px);
                transition: all .5s;
                -webkit-transform: translateY(00px);
            }
            .item:last-child {
                margin-right: 0;
                margin-bottom: 0;
            }
            .box {
                position: relative;
                width: 100%;
                height: 100%;
                display: block;
                padding: .34rem .3rem .4rem;
            }
            .bgk-item {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: no-repeat center;
                background-size: cover;
            }
            .bd {
                position: relative;
                color: #fff;
                border-bottom: 1px solid #fff;
            }
            .tit {
                font-size: .28rem;
                line-height: 1;
                margin-bottom: .17rem;
            }
            .doc {
                font-size: .6rem;
                line-height: 1;
                span {
                    margin-right: .2rem;
                }
            }
            .docx {
                font-size: .24rem;
                line-height: 1;
                margin: .25rem 0 .15rem;
            }
        }
    }
}

@media (max-width:991.98px) {
    .slide-home3 {
        height: 9rem;
        overflow: hidden;
        .home3-slide-n {
            .bgk {
                height: 9rem;
            }
            .bd {
                margin-top: 3.2rem;
                color: #fff;
                text-align: center;
            }
            .tit {
                font-size: .72rem;
                line-height: 1;
            }
            .doc {
                opacity: 0;
                font-size: .3rem;
                line-height: .46rem;
                margin-top: .32rem;
            }
        }
        .swiper-pagination {
            bottom: .8rem;
        }
        .swiper-pagination-bullet {
            width: .3rem;
            height: .06rem;
            margin: 0 .05rem;
            border-radius: 3px;
            background-color: rgba(255, 255, 255, 0.5);
        }
        .swiper-pagination-bullet-active {
            width: .6rem;
            background-color: rgba(255, 255, 255, 1);
        }
    }
}

@media (max-width:991.98px) {
    .slide-home4 {
        .slide-home4-bgk {
            position: absolute;
            width: 100vw;
            height: 100vh;
            background: no-repeat center;
            background-size: cover;
        }
        .boxs {
            margin-top: 0;
            padding: 1rem 0;
            display: block;
        }
        .left {
            padding-right: 0;
            .title {
                font-size: .48rem;
                line-height: .6rem;
                font-weight: bold;
                color: #0970d9;
                text-align: center;
            }
            .doc {
                font-size: .28rem;
                line-height: .46rem;
                color: #333;
                margin-top: .38rem;
                text-align: center;
            }
            .imgs {
                width: 6.5rem;
                height: 3rem;
                overflow: hidden;
                margin-top: .48rem;
                .image {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
            .list {
                width: 14em;
                margin: 0 auto;
                margin-top: .55rem;
                display: flex;
                display: -webkit-flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                .item {
                    .tit {
                        white-space: nowrap;
                        line-height: 1;
                        font-weight: bold;
                        font-size: .36rem !important;
                        background: url(/img/images/channel27-tit-bgk.jpg) no-repeat center;
                        // background-attachment: fixed;
                        background-clip: text;
                        -webkit-background-clip: text;
                        background-size: cover;
                        background-position: center center;
                        color: transparent;
                        filter: brightness(0.8);
                    }
                }
                .item:nth-child(1) {
                    padding-right: .44rem;
                    border-right: 2px solid #0970d9;
                    .tit {
                        white-space: nowrap;
                        line-height: 1;
                        font-weight: bold;
                        background: url(/img/images/home-tit-bgk.jpg) no-repeat center;
                        // background-attachment: fixed;
                        background-clip: text;
                        -webkit-background-clip: text;
                        background-size: cover;
                        background-position: center center;
                        color: transparent;
                        filter: brightness(0.8);
                    }
                }
                .item:nth-child(2) {
                    padding-left: .44rem;
                    .tit {
                        white-space: nowrap;
                        line-height: 1;
                        font-weight: bold;
                        background: url(/img/images/home-tit-bgk.jpg) no-repeat center;
                        // background-attachment: fixed;
                        background-clip: text;
                        -webkit-background-clip: text;
                        background-size: cover;
                        background-position: center center;
                        color: transparent;
                        filter: brightness(0.8);
                    }
                }
                .item:nth-child(3) {
                    margin-top: .36rem;
                    padding-right: .44rem;
                    border-right: 2px solid #0970d9;
                    .tit {
                        white-space: nowrap;
                        line-height: 1;
                        font-weight: bold;
                        background: url(/img/images/home-tit-bgk.jpg) no-repeat center;
                        // background-attachment: fixed;
                        background-clip: text;
                        -webkit-background-clip: text;
                        background-size: cover;
                        background-position: center center;
                        color: transparent;
                        filter: brightness(0.8);
                    }
                }
                .item:nth-child(4) {
                    margin-top: .36rem;
                    padding-left: .44rem;
                    .tit {
                        white-space: nowrap;
                        line-height: 1;
                        font-weight: bold;
                        background: url(/img/images/home-tit-bgk.jpg) no-repeat center;
                        // background-attachment: fixed;
                        background-clip: text;
                        -webkit-background-clip: text;
                        background-size: cover;
                        background-position: center center;
                        color: transparent;
                        filter: brightness(0.8);
                    }
                }
            }
        }
    }
}

@media (max-width:991.98px) {
    .slide-home5 {
        height: 9.6rem;
        .bgk {
            height: 9.6rem;
        }
        .bd {
            padding-top: 1.2rem;
            color: #fff;
            text-align: center;
            .title {
                position: relative;
                font-size: .48rem;
                line-height: 1;
                font-weight: bold;
                margin-bottom: 1.55rem;
            }
            .title::after {
                position: absolute;
                content: '';
                bottom: -.95rem;
                left: 50%;
                width: .021em;
                height: 1.25em;
                background-color: #fff;
                transform: translateX(-50%);
                -webkit-transform: translateX(-50%);
            }
            .tit {
                font-size: .4rem;
                line-height: 1;
                margin-bottom: 1em;
            }
            .doc {
                font-size: .28rem;
                line-height: .46rem;
            }
        }
        .home5-slide-n {
            margin-top: 1rem;
            overflow: hidden;
            .box {
                width: 1.9rem;
                height: 1.9rem;
                overflow: hidden;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 50%;
                background-color: #fff;
                box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
                // .imgs{
                //     width: 12em;
                //     height: 12em;
                //     border-radius: 50%;
                // }
                .image {
                    width: 1.3rem;
                    height: .5rem;
                    height: 100%;
                    margin: 0 auto;
                    object-fit: cover;
                }
            }
            .swiper-pagination {
                bottom: .95rem;
            }
            .swiper-pagination-bullet {
                width: .2rem;
                height: .06rem;
                margin: 0 .05rem;
                border-radius: 3px;
                background-color: rgba(255, 255, 255, 0.5);
            }
            .swiper-pagination-bullet-active {
                width: .6rem;
                background-color: rgba(255, 255, 255, 1);
            }
        }
    }
}

@media (max-width:991.98px) {
    .slide-home6 {
        padding-bottom: 1rem;
        background-color: #fafafa;
        .boxs {
            margin-top: 5em;
        }
        .top {
            margin-bottom: 1.85em;
            font-weight: bold;
            display: block;
            .left {
                font-size: .48rem;
                line-height: 1;
                text-align: center;
            }
            .right {
                margin-top: .5rem;
                .list {
                    width: 3.6rem;
                    margin: 0 auto;
                    display: flex;
                    display: -webkit-flex;
                    align-items: center;
                    -webkit-align-items: center;
                }
                .item {
                    padding: 0 1em;
                    .tit {
                        display: block;
                        font-size: .28rem;
                        line-height: 1;
                        color: #333;
                        padding-bottom: .25em;
                    }
                }
                .item.active {
                    .tit {
                        color: #0970d9;
                        border-bottom: 2px solid #0970d9;
                    }
                }
            }
        }
        .end {
            .items {
                display: block;
            }
            .items+.items {
                display: none;
            }
            .right {
                width: 100%;
                padding-left: 0em;
                .list {
                    border-top: 0;
                }
                .box {
                    color: #1e2f46;
                    flex-direction: column-reverse;
                    -webkit-flex-direction: column-reverse;
                }
                .item {
                    padding: .5rem 0;
                    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
                }
                .item:first-child {
                    padding-top: 0;
                }
                .lefts {
                    margin-top: .42rem;
                    .tit {
                        height: 1rem;
                        font-size: .34rem;
                        line-height: .5rem;
                        font-weight: bold;
                        // display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 2;
                        overflow: hidden;
                    }
                    .doc {
                        height: .9rem;
                        font-size: .28rem;
                        line-height: .46rem;
                        margin-top: .34rem;
                        // display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 2;
                        overflow: hidden;
                    }
                    .time {
                        font-size: .28rem;
                        line-height: 1;
                        margin-top: .3rem;
                    }
                }
                .rights {
                    margin-left: 0em;
                    .imgs {
                        width: 100%;
                        height: 4.14rem;
                        overflow: hidden;
                    }
                }
                .more {
                    width: 2rem;
                    height: .6rem;
                    margin: 0 auto;
                    margin-top: .6rem;
                    border-radius: .1rem;
                    background-color: #0870d8;
                    .boxes {
                        width: 100%;
                        height: 100%;
                        font-size: .26rem;
                        line-height: 1;
                        color: #fff;
                        display: flex;
                        display: -webkit-flex;
                        align-items: center;
                        -webkit-align-items: center;
                        justify-content: center;
                        -webkit-justify-content: center;
                    }
                }
            }
        }
        .items+.items {
            .right {
                .rights {
                    margin-left: 0;
                }
                .item {
                    padding: .5rem 0;
                }
                .lefts {
                    margin-top: 0;
                }
            }
        }
    }
    .slide-home6 .end .left {
        display: none !important;
    }
}